<script setup>
import sideBar from '@/components/SideBar.vue'
//导航数据
const innovationMenu = {
  title:'竞赛科创',
  path:'/innovation',
  children:[
  {
    id: 1,
    title: "全部",
    path: "/all",
    icon: "icon-quanbu",
  },
  { id: 2, title: "专业类", path: "/speciality", icon: "icon-shanchangzhuanye" },
  { id: 3, title: "商业类", path: "/business", icon: "icon-shangye" },
  { id: 4, title: "项目类", path: "/science", icon: "icon-yewutubiao_keyanxitong" },
]};
</script>

<template>
  <div class="innovation">
    <!--左侧导航栏-->
    <sideBar :menuData="innovationMenu"></sideBar>
    <!--右侧主体内容  三级路由出口-->
    <RouterView class="rightBox"/>
  </div>
</template>
<style scoped lang="less">
.innovation {
  display: flex;
  width: 1400px;
  gap: 60px;
}

.rightBox {
  flex: auto;
  padding:30px 0px 50px 0px;
  margin:0px auto;
}

</style>